<template>
  <div class="mh100vh pt50">
    <div class="di g3 title poi pt5 pb5" style="">你好，韩梅梅。我是汤姆。你好，韩梅梅。我是汤姆。你好，韩梅梅。我是汤姆。</div>

    <div class="f mt100">
      <div class="di g3 title poi pt5 pb5" style="">你好，韩梅梅。我是汤姆。</div>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style scoped>
.title {
  background: linear-gradient(to right, #ec695c,#61c454) no-repeat right bottom;
  background-size: 0 2px;
  transition: background-size ease .3s;
}
.title:hover {
  background-position: left bottom;
  background-size: 100% 2px;
}
</style>